<template>
<a-spin :spinning="loading" class="indexload"  style="height:100%">
<router-view   style="height:100%"></router-view>
</a-spin>
</template>
<style lang="less">


.ant-spin-nested-loading,.ant-spin-container{
  height: 100%;
}




</style>
 
<script>
import { defineComponent,ref,watch } from 'vue';
import { useStore } from 'vuex';

export default defineComponent({
  setup() {
    

    const store=useStore();
    store.commit('auth/changeload',false);
    const loading=ref(store.getters['auth/loading']);
    
    watch(
      ()=>store.getters['auth/loading'],() =>{
        loading.value=store.getters['auth/loading'];         
      }
    );

    return {
      loading
    }
  },
})
</script>
